<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>欢迎登录</title>
    <link rel="shortcut icon" href="/img/logo.ico"/>

    <link rel="stylesheet" type="text/css" href="/css/all.css"/>
    <link rel="stylesheet" type="text/css" href="/css/pages-login.css"/>
</head>

<body>
<div class="login-box">
    <!--loginArea-->
    <div class="loginArea">
        <div class="py-container login">
            <div class="loginform">
                <ul class="sui-nav nav-tabs tab-wraped">
                    <li id="tabOtherLogin" onclick="switchOtherLogin()">
                        <a href="javascript:void(0)" data-toggle="tab">
                            <h3>扫描登录</h3>
                        </a>
                    </li>
                    <li id="tabSuiForm" class="active" onclick="switchSuiForm()">
                        <a href="javascript:void(0)" data-toggle="tab">
                            <h3>账户登录</h3>
                        </a>
                    </li>
                </ul>
                <div class="tab-content tab-wraped">
                    <div id="index" class="tab-pane ">
                        <p>二维码登录，暂为官网二维码</p>
                        <img src="./img/wx_cz.jpg"/>
                    </div>
                    <div id="profile" class="tab-pane active">
                        <form class="sui-form" action="/dL" method="post">
                            <span class="error" th:text="${user}? ${user}:''"></span>
                            <div class="input-prepend"><span class="add-on loginname"></span>
                                <input id="inputName" type="text" placeholder="邮箱/用户名/手机号" class="span2 input-xfat"
                                       name="username">
                            </div>
                            <div class="input-prepend"><span class="add-on loginpwd"></span>
                                <input id="inputPassword" type="password" placeholder="请输入密码" class="span2 input-xfat"
                                       name="password">
                            </div>
                            <div class="setting">
                                <label class="checkbox inline">
                                    <input name="m1" type="checkbox" value="2" checked="">
                                    自动登录
                                </label>
                                <span class="forget">忘记密码？</span>
                            </div>
                            <div class="logined">
                                <button class="sui-btn btn-block btn-xlarge btn-danger" type="submit">登&nbsp;&nbsp;录
                                </button>
                            </div>
                        </form>
                        <a href="http://172.18.210.18:18086/goods/list?page=1&&size=20" class="youke">游客浏览</a>
                        <span class="reg"><a href="/register" target="_blank">立即注册</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--foot-->
    <div class="py-container copyright">
        <ul>
            <li>关于我们</li>
            <li>联系我们</li>
            <li>联系客服</li>
            <li>商家入驻</li>
            <li>营销中心</li>
            <li>手机品优购</li>
            <li>销售联盟</li>
            <li>品优购社区</li>
        </ul>
        <div class="address">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100</div>
        <div class="beian">京ICP备08001421号京公网安备110108007702
        </div>
    </div>
</div>

<script type="text/javascript">
    function switchSuiForm() {
        document.getElementById('index').className = "tab-pane";
        document.getElementById('profile').className = "tab-pane active";
        document.getElementById('tabSuiForm').className = "active";
        document.getElementById('tabOtherLogin').className = "";
    }

    function switchOtherLogin() {
        document.getElementById('index').className = "tab-pane active";
        document.getElementById('profile').className = "tab-pane";
        document.getElementById('tabSuiForm').className = "";
        document.getElementById('tabOtherLogin').className = "active";
    }
</script>
</body>
</html>